import {
    a as l, y, m,
} from "../index.f66dda46.js";
const json = {
    foo: 42,
    bar: "bar",
};
function JSONView(
) {
    const [fetched, setFetched,] = l(
        null
    );

    y(
        (
        ) => {
            fetch(
                "./pages/foo.json"
            )
                .then(
                    (
                        r
                    ) => r.json(
                    )
                )
                .then(
                    (
                        r
                    ) => setFetched(
                        r
                    )
                );
        },
        []
    );

    return m`<div><p>import: ${JSON.stringify(
        json
    )}</p><p>fetch: ${JSON.stringify(
        fetched
    )}</p></div>`;
}
export {
    JSONView,
};
